
	



//OBJETO PAGE
var pagesJson = new Array;
function addObjpage (id, name, position, status, template, pageType) {

	pagesJson.push(
			
				{
					"id" : id,
					"name" : name ,
					"position" : position,
					"showPage" : status,
					"template" : template,
					"pageType" : pageType
					
				}			
	
	);

}
//PUBLICAR UNA PÃ�GINA

        $('.switch').live("click", function() {				 

            if ($(this).find('input').is(':checked')) {						
							$(this).find('input').attr('checked', false);				   
							$(this).removeClass('on');
							$(this).parent().removeClass('active');
							$(this).parent().addClass('block');
							
	
            } else {
							$(this).find('input').attr('checked', true);				   
							$(this).addClass('on');
							$(this).parent().removeClass('block');
                			$(this).parent().addClass('active');
                            $(this).parent().find(".edit").show();;
                    		
                				   
            }
			
			
			//crea el objecto PAGE
            var li = $(this).parent();
	     	getObjectData(li,$(this).find('input').is(':checked'));
			sendAjaxPagesJson();
		
        });
		
		
//BOTON PARA EDITAR EL NOMBRE DE LA PÃ�GINA
        $('.step_two_sidebar .menu-list li.page').live("click", function() {
			
			$(this).find('input').focus();
	
        });
        $('.link-name').live("blur", function() {
        
        });


//CAMBIA EL NOMBRE A LA PÃ�GINA

		$('.link-name').live("change", function() {	
			//crea el objecto PAGE
			var li = $(this).parent();
	     	getObjectData(li,null);
			sendAjaxPagesJson();
			
		});


//AGREGA UNA NUEVA PAGINA

		$("button.addpage").live("click", function() { 
            
			var _pageType = $(this).attr("data-page");									
			var menu_id_count = $('.menu-list li').length +1;
			
			//crea el objecto PAGE
			var _name = "New "+_pageType+" Page";
			var _id = -1;
			var _position = menu_id_count;
			var _showPage = ('false');
			
			var _template = 0;
			
			addObjpage(_id, _name, _position, _showPage, _template, _pageType);
			sendAjaxPagesJson();
	
		}); 


//CAMBIA LA POSICIÃ“N DE LAS PÃ�GINAS EN EL MENÃš

 	$('.ico-move.down').live("click", function(){
     if ($(this).next())
         $(this).parent().parent().parent().insertAfter($(this).parent().parent().parent().next());
			
		//crea el objecto PAGE
     
     	var li = $(this).parent().parent().parent();
     	getObjectData(li,null);
		
     	var li = $(this).parent().parent().parent().prev();
     	getObjectData(li,null);
		
		sendAjaxPagesJson();
 });
 	

    $('.ico-move.up').live("click", function(){
    	
    	
        if ($(this).prev())
            $(this).parent().parent().parent().insertBefore($(this).parent().parent().parent().prev());
			
          //crea el objecto PAGE
        
          var li = $(this).parent().parent().parent();
          getObjectData(li,null);
          
		  var li = $(this).parent().parent().parent().next();
          getObjectData(li,null);
			
		  sendAjaxPagesJson();
		
    });
    
    //CARGA LA DATA DEL OBJECTO PAGE DEL MENU
    function getObjectData(li,show){
    	var _id = li.attr('id');
    	var _pageType = li.attr("data-page");
		var _name = li.find('.link-name').val();
		var _position = $('.menu-list li').index($('#'+_id))+1;	
		var _showPage = ('false');
		if(show == null){
		if(li.hasClass('active')){
			_showPage = ('true');
		}
		}else{
			_showPage = show;
		}
		var _template = li.find('.link-template').val();
		addObjpage(_id, _name, _position, _showPage, _template, _pageType);
    	
    }
    
 
    
//ACTUALIZA LA PAGINA O CREA UNA NUEVA
    function sendAjaxPagesJson(){
    	
    	var jsonString = JSON.stringify(pagesJson);
    	var postData =  {pageData:jsonString};
    	var sendUrl = "ajax/page/update.htm";
    	if(pagesJson[0].id == -1){
    		sendUrl = "ajax/page/new.htm";
    	}
    	pagesJson = new Array;
    	
    $.ajax({
        type: 'POST',
        dataType: "json", //lets specify that we will return data as JSON                  
        url: sendUrl,
        data: postData,
        success: successJson,
        error: function() {
        	//handle error here
        }
    });

    }

    function successJson(data){
    	$('#new_page_modal').modal('hide');
    	if(data.id != null){
    		//agregan distintos elementos data											
    		
    		$(".menu-list li").eq(-1).after('<li id="page' + data.id + '" data-page="text-picture" class=" page active">' +'<i class="general foundicon-page">' +'</i>' +'<input type="text" value="' + data.name + '"  class="link-name span3"/>' +'<div class="switch off">' +'<span class="thumb"></span' +'<input type="checkbox" checked="checked" name="option2" />' +'</div></li>');
    	
    		
    	}
    	
    }

